<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>蘑菇街</title>
    <link rel="stylesheet" href="../css/deta.css" />
    <link rel="stylesheet" href="../css/reset1.css" />
  </head>
  <body>
    <h1>商品详情<a href="Homepage.html" style="color: blue">返回</a></h1>
    <div class="box">
      <div class="box-left">
        <div class="top">
            <img src="" alt="" />
            <div class="mask"></div>
        </div>
        <div class="bot" style="font-size: 0">
          <div><img src="" alt="" /></div>
          <div><img src="" alt="" /></div>
          <div><img src="" alt="" /></div>
          <div><img src="" alt="" /></div>
          <div><img src="" alt="" /></div>
        </div>
        <div class="top visibleArea">
          <div class="bigbox">
            <img src="" alt="" />
          </div>
        </div>
      </div>
      <div class="box-right">
        <dl>
          <dt>洋气减龄炸街可盐可甜小香风阔腿裤两件套装</dt>
          <dd>商品介绍：</dd>
          <dd style="color: red; font-size: 24px">￥</dd>
          <dd class="dd1">
            尺码：<a href="#">S</a><a href="#">M</a><a href="#">L</a>
          </dd>
          <dd class="dd1">
            颜色：<a href="#">红色</a><a href="#">绿色</a><a href="#">黄色</a>
          </dd>
          <dd>数量：<input type="number" value="1" id="pnum" /></dd>
          <dd class="dd2 cart">加入购物车</dd>
          <span class="sp1" style="line-height: 0">加入成功</span>
          <dd class="dd2 mecart">我的购物车</dd>
        </dl>
      </div>
    </div>
    <script src="../js/api.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/detail.js"></script>
  </body>
</html>
